<!DOCTYPE HTML>
<html>
<head>
	<title>预约支付</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="description" content="照相好，good" />
    <meta name="keywords" content="照相好，good" />
    <meta name="viewport" content="initial-scale=1,maximum-scale=1,minimum-scale=1" />
	<link type="text/css" rel="stylesheet" href="style/css.css" />
</head>
<body>
	
    <section class="pay_time">
    	<p>请在20分钟内完成支付</p>
    </section>
    
    <section class="payMent">
    	<ul>
    		<li class="clearfix"><p>拍摄地址：</p><span>七一东路未来像素大厦50号1991照相馆</span></li>
    		<li class="clearfix"><p>预约时间：</p><span>2016-09-16 09:30</span></li>
    		<li>
    			<p>拍摄内容：</p>
    			<ul>
    				<li class="clearfix"><span>证件照</span><i>￥88.00</i></li>
    				<li class="clearfix"><span>结婚登记照照</span><i>￥128.00</i></li>
    			</ul>
    		</li>
    		<li class="clearfix"><p>总价：</p><span>￥216.00</span></li>
    	</ul>
    </section>
    
    <section class="customer">
    	<ul>
    		<li><i>姓名：</i><span>王先生</span></li>
    		<li><i>电话：</i><span>13888868889</span></li>
    	</ul>
    </section>
    
    <section class="mathedPay">
    	<ul>
    		<li>请支付</li>
    		<li><i></i>微信支付</li>
    	</ul>
    </section>
    
    <section class="toPayFor">
    	<p>定金：<span>￥10.00</span></p>
    	<a href="#">去支付</a>
    </section>
    
    
    
    <script>
        var deviceWidth = document.documentElement.clientWidth;
        if(deviceWidth > 750) deviceWidth = 750;
        document.documentElement.style.fontSize = deviceWidth / 7.5 + 'px';
    </script>
    
</body>
</html>
